@charset "UTF-8";
.color-success {
  color: #ec6941; }

.color-default {
  color: #0076f7; }

@media only screen and (max-width: 1366px) {
  html {
    font-size: 16.8px; } }

@media only screen and (max-width: 720px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 360px) {
  html {
    font-size: 14px; } }

html, body {
  background: #f0f0f0; }
  
  
  
.input-box-big {
  position: relative;
  margin-top: 0.61905rem;
  margin-left: 2.38095rem;
  margin-right: 3.28571rem; }
  .input-box-big.mr {
    margin-right: 5.71429rem; }

.gray-search {
  display: block;
  height: 2.14286rem;
  line-height: 2.14286rem;
  border: none;
  outline: none;
  padding-left: 2.33333rem;
  color: #8e8e93;
  font-size: 1rem;
  background: #e5e5e6;
  border-radius: 6px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }
  
.fdj-gray {
  width: 0.85714rem;
  height: 0.85714rem;
  display: inline-block;
  position: absolute;
  background: url("../images/hzgl/fdj-gray.png") no-repeat;
  background-size: 100% 100%;
  left: 0.85714rem;
  top: 50%;
  margin-top: -0.42857rem; }


.icon-plus {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  margin-top: 0.88905rem;
  height: 1.57143rem;
  background: url("../../UIstyle/img/plus.png") no-repeat;
  background-size: 100% 100%; }



.icon-yes {
  display: inline-block;
  vertical-align: middle;
  width: 1.14286rem;
  height: 1.14286rem;
  background: url("../../UIstyle/img/blue-yes.png") no-repeat;
  background-size: cover; }


.tab-box {
  height: 2.78571rem;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  background: #fff;
  margin-top: 0.61905rem;
  margin-bottom: 0.61905rem; }
  .tab-box.nmb {
    margin-bottom: 0; }
  .tab-box ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    height: 100%; }
  .tab-box ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    height: 2.78571rem;
    position: relative;
    color: #666;
    cursor: pointer;
    font-size: 1rem;
    text-align: center; }
  .tab-box ul li:last-child {
    border-right: none; }
    .tab-box ul li:last-child a {
      border-right: none; }
  .tab-box ul li a {
    display: block;
    /*height: 1.66667rem;*/
    /*margin-top: 0.57143rem;*/
    border-right: 1px solid #d8d8d8;
    color: #666; }
  .tab-box ul li.active a {
    color: #1c88ff; }

.default-list.patient-list > li .item-inner {
  padding-top: 0.71429rem;
  padding-bottom: 0.71429rem; }

.default-list.patient-list .img-wrap {
  position: relative;
  border-radius: 50%;
  width: 3.78571rem;
  height: 3.78571rem;
  border: 0.07143rem solid #d8d8d8;
  background: #d8d8d8;
  margin-right: 0.95238rem; }
  .default-list.patient-list .img-wrap > img {
    width: 100%;
    height: 100%;
    border-radius: 50%; }
  .default-list.patient-list .img-wrap > .number {
    position: absolute;
    display: block;
    right: -0.2381rem;
    top: -0.2381rem;
    border-radius: 50%;
    background: #ff7200;
    color: #fff;
    width: 1.28571rem;
    height: 1.28571rem;
    line-height: 1.28571rem;
    text-align: center;
    font-style: normal;
    font-size: 0.90476rem; }

.default-list.patient-list .text-wrap > h4 {
  position: relative;
  font-weight: normal;
  margin-bottom: 0.14286rem; }
  .default-list.patient-list .text-wrap > h4 .name,
  .default-list.patient-list .text-wrap > h4 .sex,
  .default-list.patient-list .text-wrap > h4 .age {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.14286rem;
    color: #000000;
    padding-left:0.6195rem;
    /*width: 2.61905rem;*/ }
  .default-list.patient-list .text-wrap > h4 .name {
    /*width: 3.33333rem; */
    padding-left:0.6195rem;}
  .default-list.patient-list .text-wrap > h4 .time {
    position: absolute;
    right: 0;
    font-size: 0.85714rem;
    color: #969696; }

.default-list.patient-list .text-wrap > p {
  color: #666666;
  font-size: 0.95238rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.jzr-text {
  padding: 0.38095rem 0.95238rem;
  color: #333;
  font-size: 1.19048rem; }
  .jzr-text .xzjz-btn {
    width: 4.85714rem;
    height: 1.61905rem;
    line-height: 1.61905rem;
    border: 1px solid #1c88ff;
    font-size: 0.85714rem;
    display: inline-block;
    float: right;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 0.09524rem; }


.dl-image img {
  width: 100%; }

.patient-box {
  height: 5rem;
  background: #fff;
  border-bottom: 1px solid #cecece; }

.patient-box .default-list > li .item-right {
  padding-right: 0.95238rem;
  font-size: 1.14286rem;
  color: #ccc; }

.patient-box .arrow-box {
  width: 0.40476rem;
  height: 0.78571rem;
  background: url("../images/hzgl/arrow-left2.png") no-repeat;
  background-size: cover;
  float: right;
  margin-right: 1.07143rem;
  margin-top: 1.80952rem; }

.patient-message > li > .item-inner .item-right {
  color: #0058db;
  text-align: right;
  padding-top: 0.47619rem;
  padding-bottom: 0.47619rem;
  font-size: 1.14286rem; }
  .patient-message > li > .item-inner .item-right .money {
    color: #f06c00; }

.patient-box-message {
  padding: 0.95238rem 0; }
  .patient-box-message .patient-photo {
    float: left;
    background: #e1e1e1;
    padding: 0.09524rem;
    width: 2.80952rem;
    height: 2.80952rem;
    border-radius: 50%; }
    .patient-box-message .patient-photo > img {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      display: block; }

.patient-box-message .patient-text {
  padding-left: 1.57143rem;
  float: left; }

.patient-box-message .patient-text span.patient-name {
  font-size: 1.14286rem;
  color: #000;
  display: inline-block; }

.patient-box-message .patient-text span.patient-sex {
  font-size: 1.14286rem;
  color: #000;
  margin-left: 1.04762rem;
  display: inline-block; }

.patient-box-message .patient-text span.patient-card {
  font-size: 0.85714rem;
  color: #1c88ff;
  border: 1px solid #1c88ff;
  margin-left: 0.7619rem;
  display: inline-block;
  width: 2.33333rem;
  height: 1.09524rem;
  line-height: 1.09524rem;
  text-align: center;
  vertical-align: top;
  margin-top: 0.2381rem; }

.patient-box-message .patient-text span.patient-number {
  color: #979797;
  font-size: 1.04762rem;
  display: block;
  line-height: 100%; }


.dl-box {
  margin-left: 2.02381rem;
  margin-right: 2.02381rem;
  margin-top: 1.42857rem; }
  .dl-box .dl-box-main {
    background: #fff;
    height: 7.69048rem;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    -moz-box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    box-shadow: 0 0 10px rgba(233, 243, 253, 0.9);
    position: relative;
    overflow: hidden; }
  .dl-box .dl-box-main .input-box {
    width: 100%;
    /* height: pxToRem(153px);*/
    /*line-height: pxToRem(153px);*/
    line-height: normal;
    padding-top: 0.90476rem;
    padding-right: 0.90476rem;
    font-size: 1.2381rem;
    padding-left: 3.02381rem;
    border: none;
    outline: none; }
  .dl-box .dl-box-main .box-input {
    height: 50%;
    border-bottom: 1px dashed #e4f0fb;
    position: relative; }
  .dl-box .dl-box-main .box-input .smile-icon {
    width: 1.66667rem;
    height: 1.66667rem;
    position: absolute;
    background: url("../../UIstyle/img/smile.png") no-repeat;
    background-size: 100% 100%;
    top: 0.95238rem;
    left: 0.95238rem; }
  .dl-box .dl-box-main .lock-icon {
    width: 1.66667rem;
    height: 1.66667rem;
    position: absolute;
    background: url("../../UIstyle/img/lock.png") no-repeat;
    background-size: 100% 100%;
    top: 4.7619rem;
    left: 0.95238rem; }


.dl-btn-big {
  margin-top: 1.66667rem;
  margin-left: 2.09524rem;
  margin-right: 2.09524rem; }
  .dl-btn-big .dl-btn {
    height: 3.09524rem;
    line-height: 3.09524rem;
    color: #fff;
    background: #087cff;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 1.28571rem;
    display: block; }
  .dl-btn-big .wjmm-text {
    color: #087cff;
    font-size: 1rem;
    cursor: pointer;
    margin-top: 1.2381rem;
    display: block;
    margin-bottom: 0.47619rem; }


  .gray-circle {
  display: inline-block;
  width: 1.14286rem;
  height: 1.14286rem;
  background: url("../../UIstyle/img/empty.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

.gray-circle.active {
  background: url("../../UIstyle/img/blue-yes.png") no-repeat;
  background-size: 100% 100%; }


.hz-banner {
  overflow: hidden;
  position: relative;
  margin-bottom: 0.61905rem; }
  .hz-banner img.img-bg {
    width: 100%;
    z-index: 1; }
  .hz-banner .hz-info-box {
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0px 1.66667rem;
    margin-top: -1.90476rem; }
    .hz-banner .hz-info-box .hz-photo {
      float: left;
      width: 3.2381rem;
      height: 3.2381rem;
      z-index: 2;
      margin-right: 1rem; }
      .hz-banner .hz-info-box .hz-photo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;  }
    .hz-banner .hz-info-box .hz-message {
      padding-right: 1rem;
      overflow: hidden;
      /* width: pxToRem(560px);*/ }
      .hz-banner .hz-info-box .hz-message .first-message {
        font-size: 1.14286rem;
        color: #fff;
        display: inline-block; }
      .hz-banner .hz-info-box .hz-message .right-message {
        font-size: 1.14286rem;
        color: #fff;
        display: inline-block;
        margin-left: 1.04762rem; }
      .hz-banner .hz-info-box .hz-message .second-message {
        font-size: 0.95238rem;
        color: #fff;
        display: block; }


.hz-main-box {
  background: #fff;
  padding: 0 0rem 1.19048rem 0rem;
  width: 100%;
  /* height: 100%; */
  float: left; }
  .hz-main-box .hz-box {
    width: 25%;
    height: 5.47619rem;
    float: left;
    cursor: pointer;
    margin-top: 1.2381rem; }
    .hz-main-box .hz-box .hz-pic-box {
      width: 3.57143rem;
      height: 3.57143rem;
      display: block;
      margin-right: auto;
      margin-left: auto; }
    .hz-main-box .hz-box span {
      display: block;
      color: #333;
      text-align: center;
      margin-top: 0.47619rem; }


.icon-hz-yygh,
.icon-hz-yyjc,
.icon-hz-yycw,
.icon-hz-sc,
.icon-hz-yhjl {
  display: inline-block;
  vertical-align: middle;
  width: 1.42857rem;
  height: 1.42857rem;
  margin-right: 0.7619rem;
  margin-top: -0.14286rem; }

.icon-hz-yygh {
  background: url("../images/hzgl/icon-hz-yygh.png") no-repeat;
  background-size: cover; }

.icon-hz-yyjc {
  background: url("../images/hzgl/icon-hz-yyjc.png") no-repeat;
  background-size: cover; }

.icon-hz-yycw {
  background: url("../images/hzgl/icon-hz-yycw.png") no-repeat;
  background-size: cover; }

.icon-hz-yhjl {
  background: url("../images/hzgl/icon-hz-yhjl.png") no-repeat;
  background-size: cover; }

.icon-hz-sc {
  background: url("../images/hzgl/shoucang.png") no-repeat;
  background-size: cover; }


.yycg-box {
  position: relative;
  padding-top: 1px; }
  .yycg-box .yes-big {
    width: 2.19048rem;
    height: 2.19048rem;
    background: url("../images/hzgl/yjyy/yes-big.png") no-repeat;
    background-size: cover;
    position: absolute;
    margin-top: 1.33333rem;
    margin-left: 1.90476rem; }
  .yycg-box .success-box {
    margin-left: 5.57143rem;
    margin-top: 1.28571rem;
    margin-right: 0.95238rem; }
    .yycg-box .success-box > h4 {
      font-weight: normal;
      position: relative; }
    .yycg-box .success-box .success-text {
      font-size: 1.28571rem;
      color: #f9923e; }
    .yycg-box .success-box .time-box {
      position: absolute;
      right: 0;
      top: 0.2381rem;
      font-size: 0.85714rem;
      color: #969696; }
    .yycg-box .success-box .remind-text {
      font-size: 0.85714rem;
      color: #969696;
      display: block;
      margin-bottom: 2.38095rem; }
  .yycg-box .cx-box {
    position: absolute;
    /*  width: pxToRem(270px);*/
    font-size: 1rem;
    color: #0058db;
    bottom: 0.47619rem;
    right: 0.95238rem; }
    .yycg-box .cx-box .eye {
      width: 1.35714rem;
      height: 0.92857rem;
      background: url("../images/hzgl/yjyy/blue-eye.png") no-repeat;
      background-size: cover;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.35714rem;
      margin-top: -0.09524rem; }

.make-list > li.list-people .item-inner,
.make-list > li.list-doctor .item-inner {
  padding-top: 0.71429rem;
  padding-bottom: 0.71429rem; }

.make-list > li.list-people h1,
.make-list > li.list-doctor h1 {
  font-weight: normal;
  font-size: 1.19048rem;
  color: #333333; }
  .make-list > li.list-people h1 > label,
  .make-list > li.list-doctor h1 > label {
    color: #969696; }

.make-list > li.list-people p,
.make-list > li.list-doctor p {
  position: relative;
  font-size: 1.04762rem;
  color: #969696; }

.make-list .level {
  color: #979797;
  font-size: 1rem;
  padding-top: 1.09524rem; }

.make-list .qx-btn {
  margin-top: 0.2381rem; }

.recent-search {
  padding-bottom: 1rem;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  position: relative; }
  .recent-search .search-input {
    height: 2.07143rem;
    line-height: 2.07143rem;
    padding-left: 0.95238rem;
    border-bottom: 1px solid #d8d8d8;
    font-size: 0.85714rem;
    color: #b4b4b4; }
  .recent-search .icon-x {
    width: 1.52381rem;
    height: 1.52381rem;
    background: url("../images/hzgl/yjyy/close.png") no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.66667rem;
    top: 0.11905rem;
    cursor: pointer; }
  .recent-search a {
    display: inline-block;
    padding: 0.54762rem 0.78571rem;
    background: #f0f0f0;
    border-radius: 6px;
    color: #333;
    cursor: pointer;
    margin-top: 0.66667rem;
    margin-left: 0.66667rem;
    font-size: 1rem; }


.white-jc {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  margin-top: 0.71429rem;
  font-size: 1.14286rem; }

.icon-jc {
  display: inline-block;
  vertical-align: middle;
  width: 1.16667rem;
  height: 1.11905rem;
  margin-right: 0.35714rem;
  margin-top: -0.14286rem;
  background: url("../images/hzgl/yjyy/jc-icon1.png") no-repeat;
  background-size: 100% 100%; }

.icon-cw {
  display: inline-block;
  vertical-align: middle;
  width: 1.16667rem;
  height: 1.11905rem;
  margin-right: 0.35714rem;
  margin-top: -0.14286rem;
  background: url("../images/icon-cw1.png") no-repeat;
  background-size: 100% 100%; }

.qx-text {
  color: #087cff;
  font-size: 1.14286rem;
  cursor: pointer;
  z-index: 222; }

/*医生筛选*/
.search-name-list > li .item-inner {
  margin-left: 0.47619rem; }

.search-name-list > li .name {
  display: inline-block;
  width: 5rem;
  font-size: 1.14286rem; }

.search-name-list > li .hospital-text {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #969696;
  font-size: 1rem;
  overflow: hidden; }


  /*登录注册流程*/
.icon-form-close {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  height: 1.57143rem;
  background: url("../images/hzgl/yjyy/close.png") no-repeat;
  background-size: cover;
  cursor: pointer; }

.icon-eyes {
  display: inline-block;
  vertical-align: middle;
  width: 1.57143rem;
  height: 1.57143rem;
  background: url("../../UIstyle/img/eye-close.png") no-repeat;
  background-size: cover;
  cursor: pointer; }

.icon-eyes.active {
  background: url("../../UIstyle/img/eye-open.png") no-repeat;
  background-size: cover; }
  
